<template>
     <div class="home">
       <div class="left">
         <div @click="goFindMusic">发现音乐</div>
         <div @click="goPlay">播客</div>
       </div>
       <div class="right">
        <!-- 根据路径匹配组件 -->
         <router-view></router-view>
       </div>
     </div>
</template>

<script>
export default {
   methods:{
    goFindMusic(){
        ///路由跳转 push
       this.$router.push('/findMusic')
    },
    goPlay(){
        this.$router.push('/play')
    }
   }
}
</script>

<style >
 .home{
    display:flex; 
    height:100%;
 }
 .left{
    width:100px;
    border-right: 1px solid black;
 }
 .right{
    flex:1;
 }
</style>